<template>
<!--  <div class="home">-->
<!--    <img alt="Vue logo" src="../assets/logo.png">-->
<!--    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>-->
<!--  </div>-->
  <div class="common-layout">
    <el-container>
      <el-header style="padding: 0">
        <Header></Header>
      </el-header>

      <el-main style="padding: 0">
        <router-view/>
      </el-main>

      <el-footer style="padding: 0">
        <Footer/>
      </el-footer>
    </el-container>
  </div>
</template>

<script lang="ts">
import { Options, Vue } from 'vue-class-component';
import Header from '@/components/Header.vue';
import Footer from '@/components/Footer.vue'


@Options({
  components: {
    Header,Footer
  },
})
export default class HomeView extends Vue {}
</script>
<style>
.common-layout{
  padding: 0;
}
body{
  margin:0;
  padding:0;
  border: 0;
  left: 0;
  right: 0;
}
</style>